@import url(style.css);

@import url(pscroll.css);

 
.page .blank_h{ height:0;}

.blank_h{ height:0;}

footer .gotop.actives{ display:none!important;}

/*轮显*/

.c-banner1 .swiper-pagination {display: flex;align-items: center;justify-content: center; bottom: 27px;}

.c-banner1 .swiper-pagination-bullet {position: relative; margin: 0 8px !important; width: 16px; height: 16px;display: inline-block;border-radius: 100%; background: transparent;opacity: 1;}

.c-banner1 .swiper-pagination-bullet::before {content: ""; position: absolute; z-index: -1;top: 3px;left: 3px; width: 8px; height: 8px; border-radius: 50%;background: #f6f6f6;

 transition: all 0s;}

.c-banner1 .swiper-pagination-bullet.swiper-pagination-bullet-active::before { top: 1px; left: 1px;width: 14px; height: 14px;  border: 2px solid rgba(255, 255, 255, .5); background: transparent;}

.c-banner1 .swiper-pagination-bullet svg {vertical-align: top;}

.c-banner1 .swiper-pagination-bullet svg circle { opacity: 0; fill: none; stroke: #2f62b6; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 39 39;stroke-dashoffset: 39; -webkit-transition: stroke-dashoffset 0s linear, opacity 0s linear; transition: stroke-dashoffset 0s linear, opacity 0s linear;}

.c-banner1 .swiper-pagination-bullet.swiper-pagination-bullet-active svg circle { opacity: 1;stroke-dashoffset: 0; -webkit-transition: stroke-dashoffset 5s linear, opacity 0s linear; transition: stroke-dashoffset 5s linear, opacity 0s linear;}

.c-banner1 .bnts_c .a{ color:#fff;}

.c-banner1 .bnts_c .a i{border: solid 2px #fff;}

.c-banner1 .bnts_c .a:hover{ color:#fff;}

.c-banner1 .bnts_c .a:hover i{background:#056c38;border: solid 2px #056c38;}

.c-banner1 .bnts_c .a:hover i:after{ color:#fff;}


.child-pernt {
  display: table;
  height: 100%;
  width: 100%;
}
.child {
  display: table-cell;
  vertical-align: middle;
}


figure {
  margin: 0;
}

  

.swiper-wrapper{
  position: relative;
}


.xp-ovrlay{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,0.13);
}
.xp-text-box{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.xp-text-box h1{
  color: #fff;
  text-transform: uppercase;  
  margin-bottom: 29px;
  letter-spacing: 1rem;
}
.xp-text-box a{
  text-transform: none;
  letter-spacing: 1px;
  padding: 13px 34px 14px;
  border-radius: 0;
  margin-bottom: 25px;
  border-color: #056c38;

  background-color: rgba(5,105,56,0.7);

  width: auto;
  color: #fff;
  

}
.xp-text-box p{
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 1px;
  margin: 0 auto;
  width: 730px;
}

 












.scoll {
	position: absolute;
	bottom: 3%;
	right: 5%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 999;
  -webkit-animation: bounce-down 5s linear infinite;
  animation: bounce-down 5s linear infinite;
}

.scoll img {
	width: 25px;
}

.scoll_p {
	font-size: 12px;
	color: #e7e1dc;
	font-family: "pinFangb";
	margin-left: 10px;
}

@-webkit-keyframes bounce-down {
	25% {
		 -webkit-transform: translateY(-10px);
	}
	50%, 100% {
		 -webkit-transform: translateY(0);
	}
	75% {
		 -webkit-transform: translateY(10px);
	}
}

@keyframes bounce-down {
	 25% {
		  transform: translateY(-10px);
	 }
	 50%, 100% {
		  transform: translateY(0);
	 }
	 75% {
		  transform: translateY(10px);
	 }
}







.bnts_c{  margin-top:6%; height:34px;}

.bnts_c .a{ display:inline-block; vertical-align:top; line-height:22px; height:22px; color:#242933; font-size:16px; text-align:left;-webkit-transition: all .5s cubic-bezier(0.33,0,.67,1);

    -o-transition: all .5s cubic-bezier(0.33,0,.67,1);

    -moz-transition: all .5s cubic-bezier(0.33,0,.67,1);

    transition: all .5s cubic-bezier(0.33,0,.67,1);

    -webkit-transform-origin: left center;

    -moz-transform-origin: left center;

    -ms-transform-origin: left center;

    -o-transform-origin: left center;

    transform-origin: left center;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;}

.bnts_c .a:hover{-webkit-transform:scaleX(1.04);-moz-transform:scaleX(1.04);-ms-transform:scaleX(1.04);-o-transform:scaleX(1.04);transform:scaleX(1.04); color:#5a5a5a;}

.bnts_c .a span{display: inline-block; vertical-align:top;-webkit-transform-origin: left center;

    -moz-transform-origin: left center;

    -ms-transform-origin: left center;

    -o-transform-origin: left center;

    transform-origin: left center;

    -webkit-transition: all .5s cubic-bezier(0.33,0,.67,1);

    -o-transition: all .5s cubic-bezier(0.33,0,.67,1);

    -moz-transition: all .5s cubic-bezier(0.33,0,.67,1);

    transition: all .5s cubic-bezier(0.33,0,.67,1);}

.bnts_c .a:hover span{-webkit-transform:scaleX(1.04);-moz-transform:scaleX(1.04);-ms-transform:scaleX(1.04);-o-transform:scaleX(1.04);transform:scaleX(1.04);}

.bnts_c .a i{position: relative; display: inline-block; vertical-align:middle;margin-left: 7px;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;-webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: all .5s cubic-bezier(0.33,0,.67,1); -o-transition: all .5s cubic-bezier(0.33,0,.67,1);

 -moz-transition: all .5s cubic-bezier(0.33,0,.67,1); transition: all .5s cubic-bezier(0.33,0,.67,1);width: 36px;height: 22px;border: solid 2px #2a2933;}

.bnts_c .a:hover i{border-color:#2a2933;-webkit-transform:scale(1.2) translateX(6px);-moz-transform:scale(1.2) translateX(6px);-ms-transform:scale(1.2) translateX(6px);-o-transform:scale(1.2) translateX(6px);transform:scale(1.2) translateX(6px); background:#2a2933;}

.bnts_c .a i:before{ content:">"; font-style:normal; position:absolute; left:50%; margin-left:-4px; top:0; height:16px; line-height:16px;  text-align:center;-webkit-transition: all .33s cubic-bezier(0.33,0,.67,1) .17s; -o-transition: all .33s cubic-bezier(0.33,0,.67,1) .17s; -moz-transition: all .33s cubic-bezier(0.33,0,.67,1) .17s; transition: all .33s; font-weight:bold; }

.bnts_c .a:hover i:before{opacity:0;color:#415fff;-webkit-transform:translateX(7px) scale(0.3);-moz-transform:translateX(7px) scale(0.3);-ms-transform:translateX(7px) scale(0.3);-o-transform:translateX(7px) scale(0.3);transform:translateX(7px) scale(0.3);-webkit-transition:all .33s cubic-bezier(0.33,0,.67,1);-o-transition:all .33s cubic-bezier(0.33,0,.67,1);-moz-transition:all .33s cubic-bezier(0.33,0,.67,1);transition:all .33s cubic-bezier(0.33,0,.67,1)}

.bnts_c .a i:after{opacity: 0;content:">"; font-style:normal; position:absolute; left:50%; margin-left:-2px; top:0; height:14px; line-height:14px;  text-align:center;-webkit-transition: all .33s cubic-bezier(0.33,0,.67,1) .17s; -o-transition: all .33s cubic-bezier(0.33,0,.67,1) .17s; -moz-transition: all .33s cubic-bezier(0.33,0,.67,1) .17s; transition: all .33s; font-weight:bold; }

.bnts_c .a:hover i:after{opacity:1;color:#fff;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-transition:all .33s cubic-bezier(0.33,0,.67,1) .17s;-o-transition:all .33s cubic-bezier(0.33,0,.67,1) .17s;-moz-transition:all .33s cubic-bezier(0.33,0,.67,1) .17s;transition:all .33s cubic-bezier(0.33,0,.67,1) .17s; left:55%;}

/*首页*/


.adicon{ width:28px; height:45px; position:absolute; left:50%; bottom:40px;transform: translate(-50%, 0%); background:url(../fonts/90195009afd14114b19ce7a6d1901fd6.woff);}
.fp-viewing-section4 .header .language .btn:after{background-image:url(../images/top_bg3_on.png);}
/*第一*/

.service-wrap1 .fp-tableCell{ vertical-align:top;}

/*第二*/

.service-wrap2 .fp-tableCell{ vertical-align:middle;}

.service-wrap2{ display:none;background-repeat:no-repeat; background-position:center center; background-size:cover;/*background-image:url(../images/i_bg1.jpg);*/ overflow:hidden;}

.i_one{ overflow:hidden;}



/*第三*/

.service-wrap3{ /*display:none;*/background-repeat:no-repeat; background-position:center center; background-size:cover;background-image:url(../images/i_img1.jpg); overflow:hidden;}

/*.service-wrap3 .wrap{ overflow:visible;}*/

.service-wrap3 .i_two .h3{ color:#fff; line-height:1.3; overflow:hidden;}

.service-wrap3 .i_two .p{ color:rgba(255,255,255,0.6); margin-top:5%; overflow:hidden; line-height:1.6; font-size:20px;}

.service-wrap3 .i_two{ overflow:hidden; max-width:780px;}

.service-wrap3 .i_two .bnts_c{ margin-top:10%;}

.service-wrap3 .i_two .bnts_c .a{ color:#fff;}

.service-wrap3 .i_two .bnts_c .a i{border: solid 2px #fff;}

.service-wrap3 .i_two .bnts_c .a:hover{ color:#fff;}

.service-wrap3 .i_two .bnts_c .a:hover i{background:#056c38;border: solid 2px #056c38;}

.service-wrap3 .i_two .bnts_c .a:hover i:after{ color:#fff;}

/*第四*/

.service-wrap4{ display:none; overflow:hidden;background-repeat:no-repeat; background-position:center center; background-size:cover;}

.service-wrap4 .fp-tableCell{ vertical-align:middle;}

.i_title{ overflow:hidden;  margin-top:4%; text-align: center; }

.i_title .h3{ font-weight:500; overflow:hidden; line-height:1.3;color:#222; letter-spacing: 2px;}

.i_title .p{ overflow:hidden; font-size:16px; color: #999; line-height:1.6;  }


  .products {
    padding: 0px 0;
  }
  .products .tab {
    width: 340px;
    float: right;
    border-bottom: none;
    box-sizing: border-box;
    margin-top: 56px;
  }

  .products .tab li  {
	border: solid 0px #e4e4e4;
	margin-bottom: 20px;
  }

  .products .tab li.on a {
    border-bottom: solid 0px #056c38;
	background: #056c38;
	background: linear-gradient(270deg, #38b135 0%, #056c38 100%);
	color: #fff;
  }

  .products .tab li.on a .tit {
	color: #fff;
  }
  .products .tab li.on a .date {
    background-image: url(../images/arrow4.png);
  }

  .products .tab li .pic2 {
	float: left;
	width: 35%;
	text-align: center;
	
	padding: 3.5%;
  }

  .products .tab li .pic2 img {
   
	text-align: center;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    border-radius: 50%;
  }


  .products .tab li a {
	border-radius: 15px;
	background: #fff;
    display: block;
    border-bottom: solid 0px #e4e4e4;
    box-sizing: border-box;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
  }
  .products .tab li .tit {

	display: block;
	padding: 22px 10px;
    line-height: 30px;
    font-size: 18px;
    color: #333333;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
  }
  .products .tab li .date {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #999999;
    margin-top: 12px;
    background: url(../images/arrow3.png) no-repeat right center;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
  }
  .products .tabBox {
    margin-top: 56px;
    overflow: hidden;
    float: left;
	border-radius: 15px;
	float:left;width:calc(96% - 350px);width:-webkit-calc(96% - 350px);width:-moz-calc(96% - 350px);  
  }
.products .one {
    float: left;
	 
	position: relative;
	 
  }
  .products .one a {
    display: block;
  }
  .products .one a:hover .pic1 img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
  }
  .products .one a:hover .text   {

	background: linear-gradient(270deg, #38b135 0%, #056c38 100%);
	opacity:0.8;
     
  }
  .products .one a:hover .text .date {
    background-image: url(../images/arrow4.png);
  }
  .products .one .pic1 {
    overflow: hidden;
  }
  .products .one .pic1 img {
    width: 100%;
    display: block;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
  }
  .products .one .text {
    border: solid 0px #e4e4e4;
    box-sizing: border-box;
    padding: 17px 28px;
	position: absolute;
	bottom: 0px;
	background: #000;
	background-color: rgba(0,0,0, 0.8);
	width: 100%;
  }
  .products .one .text .tit {
    height: 30px;
    line-height: 30px;
    font-size: 20px;
	font-weight: 700;
    color: #fff;
    overflow: hidden;
    display: -webkit-box;
	background: url(../images/arrow3.png) no-repeat right center;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
  }
  .products .one .text .txt {
    height: 48px;
    line-height: 24px;
    font-size: 14px;
    color: #ddd;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    margin-top: 15px;
	width: 90%;
	
  }
  .products .one .text .date {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #999999;
    background: url(../images/arrow3.png) no-repeat right center;
    margin-top: 32px;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
  }
  


.auto-title-en {
    font-family: 'PingFang SC';
    margin-bottom: -0.4em;
    background-image: linear-gradient(to bottom, #056c38, rgba(0, 107, 163, 0.07));
    -webkit-background-clip: text;
    pointer-events: none;
    word-break: keep-all;
    white-space: nowrap;
    font-size: 6em;
    font-weight: 700;
    line-height: 0.8em;
    letter-spacing: 0.05em;
    color: transparent;
    opacity: 0.05;
  }










@media screen and (max-width: 1400px) {

/*首页*/

.adicon{ bottom:30px;}

.slide_num{ bottom:25px;}

/*第三*/

.service-wrap3 .i_two .p{ font-size:18px;}



}



@media screen and (max-width: 1200px) {

/*轮显*/

.bnts_c .a{ font-size:18px;}

/*首页*/

#fp-nav.left{ display:none;}

.section,

.section1,

.fp-section,

#dowebok .fp-slides,

#dowebok .fp-slide,

#dowebok .fp-slidesContaine,

.fp-tableCell{

	/*height: auto !important;*/

}

.slide_num{ bottom:15px; left:2%;}

/*.fp-tableCell .wrap{ max-height:none;}*/

.fp-viewing-section4 .header .search-box .search-btn{ background-image:url(../images/search_on2.png);}

.fp-viewing-section4 .header .language .btn:after{background-image:url(../images/top_bg3_on3.png);}

.fp-viewing-section4 .header .menu-btn span{ background:#333;}



/*第三*/

.service-wrap3 .i_two{ margin-top:10%; margin-bottom:10%;}

.service-wrap3 .i_two .p{ font-size:16px;}

/*第四*/

.i_title{ margin-top:8%;}









}



 


@media screen and (max-width: 960px) {

/*轮显*/

.main .banner .swiper-slide .txt{ font-size:40px;}

 





}



@media screen and (max-width: 789px) {




  .auto-title-en {
     font-size: 3em;}
 
/*轮显*/

.main .banner .swiper-slide .txt{font-size:32px;}

.main .banner .swiper-slide .rbtn span{ height:42px; line-height:42px;}

.main .banner .swiper-slide .desc{ font-size:15px;}


 .products .tab {
  width: 100%;
  float: left;
  border-bottom: none;
  box-sizing: border-box;
  margin-top: 56px;
}

.products .tab li  {
border: solid 0px #e4e4e4;
 margin-bottom: 10px;
float: left;
margin-right: 4%;
margin-bottom: 0%;
width: 48%;
 }
.products .tab li:nth-child(2n)  {
  margin-right: 0%;
}
  


.products .tab li.on a {
  border-bottom: solid 0px #056c38;
background: #056c38;
background: linear-gradient(270deg, #38b135 0%, #056c38 100%);
color: #fff;
}

.products .tab li.on a .tit {
color: #fff;
}

.products .tab li .pic2 {
float: left;
width: 5%;
padding: 4%;

}

.products .tab li .pic2 img {
  max-height: 100%;
  width: 0px;
  
  
  text-align: center;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}


.products .tab li a {
border-radius: 10px;
background: #fff;
  display: block;
  border-bottom: solid 0px #e4e4e4;
  box-sizing: border-box;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
.products .tab li .tit {

  display: block;
  padding: 14px 5px;
  line-height: 18px;
  font-size: 14px;
  color: #333333;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.products .tabBox {
  margin-top: 16px;
  overflow: hidden;
  float: left;
border-radius: 15px;
float:left;
width:100%;  
}
.products .one {
  float: left;
 
position: relative;
 
}
.products .one a {
  display: block;
}
.products .one a:hover .pic1 img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
.products .one a:hover .text   {

background: linear-gradient(270deg, #38b135 0%, #056c38 100%);
opacity:0.8;
   
}
.products .one a:hover .text .date {
  background-image: url(../images/arrow4.png);
}
.products .one .pic1 {
  overflow: hidden;
}
.products .one .pic1 img {
  width: 100%;
  display: block;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
.products .one .text {
  border: solid 0px #e4e4e4;
  box-sizing: border-box;
  padding: 17px 28px;
position: absolute;
bottom: 0px;
background: #000;
background-color: rgba(0,0,0, 0.8);
width: 100%;
}
.products .one .text .tit {
  height: 23px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  overflow: hidden;
  display: -webkit-box;
  background: url(../images/arrow3.png) no-repeat right center;
  background-size: 25px 18px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
.products .one .text .txt {
  height: 48px;
  line-height: 24px;
  font-size: 14px;
  color: #ddd;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  margin-top: 15px;
width: 90%;
display: none;

}
.products .one .text .date {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #999999;
  background: url(../images/arrow3.png) no-repeat right center;
  margin-top: 32px;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}





}

@media screen and (max-width: 780px) {

/*轮显*/

.bnts_c .a{ font-size:16px;}

/*第二*/



/*第四*/







}

@media screen and (max-width: 640px) {

/*轮显*/

.main .banner .swiper-slide .txt{font-size:28px;}

.main .banner .swiper-slide .rbtn span{ height:40px; line-height:40px;}

.main .banner .swiper-slide .desc{ font-size:14px;}

.c-banner1 .swiper-pagination-bullet{margin: 0 4px !important;}

.main .banner .swiper-slide .rbtn{ font-size:14px;}

/*首页*/

.adicon{ width:22px; height:35px;margin-left:-7px; bottom:20px; /*display:none;*/}

.slide_num{ bottom:10px; font-size:14px;}

.slide_num span{ font-size:22px;}

/*第三*/

.service-wrap3 .i_two .p{ font-size:14px; margin-top:4%;}

.service-wrap3 .i_two .bnts_c{ margin-top:8%;}

/*第四*/

.i_title .p{ font-size:14px;}







}



@media screen and (max-width: 480px) {

/*轮显*/

.main .banner .swiper-slide .txt{font-size:24px; }

.main .banner .swiper-slide .txt:after{ height:3px;}

.main .banner .swiper-slide .rbtn span{ height:36px; line-height:36px;}

.main .banner .swiper-slide .rbtn{ min-width:120px; padding:0 20px; font-size:13px;}

.main .banner .swiper-slide .desc{ font-size:13px;}

.c-banner1 .swiper-pagination{ bottom:20px;}

.bnts_c .a{ font-size:14px;}

/*首页*/

.adicon{ bottom:15px; width:18px; height:29px;}





/*第三*/

.service-wrap3 .i_two .p{ font-size:13px;}





/*第四*/

.i_title .p{ font-size:13px;}









}

@media screen and (max-width: 420px) {

/*轮显*/

.main .banner .swiper-slide .txt{font-size:20px;}

.main .banner .swiper-slide .desc{ font-size:12px;}

.c-banner1 .swiper-pagination{ bottom:15px;}

.main .banner .swiper-slide .rbtn{ font-size:12px; min-width:110px;}







}

/*@media screen and (min-width: 1200px) {*/

.service-wrap .bleftto{filter:alpha(opacity=0);opacity:0;}

.service-wrap.active .bleftto{animation:mymove8 0.5s; -webkit-animation:mymove8 0.5s linear;

	animation-iteration-count:1;

	animation-fill-mode:forwards;

	animation-delay:0s;

	

	-webkit-animation-iteration-count:1;

	-webkit-animation-fill-mode:forwards; 

	-webkit-animation-delay:0s;}

.service-wrap .brightto{filter:alpha(opacity=0);opacity:0;}

.service-wrap.active .brightto{animation:mymove7 0.5s; -webkit-animation:mymove7 0.5s linear;

	animation-iteration-count:1;

	animation-fill-mode:forwards;

	animation-delay:0.5s;



	-webkit-animation-iteration-count:1;

	-webkit-animation-fill-mode:forwards; 

	-webkit-animation-delay:0.5s;}

.service-wrap .banim-1{filter:alpha(opacity=0);opacity:0;}

.service-wrap.active .banim-1{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;

	animation-iteration-count:1;

	animation-fill-mode:forwards;

	animation-delay:0.2s;



	-webkit-animation-iteration-count:1;

	-webkit-animation-fill-mode:forwards; 

	-webkit-animation-delay:0.2s;}


 

  

   


.service-wrap .banim-2{filter:alpha(opacity=0);opacity:0;}

.service-wrap.active .banim-2{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;

	animation-iteration-count:1;

	animation-fill-mode:forwards;

	animation-delay:0.4s;



	-webkit-animation-iteration-count:1;

	-webkit-animation-fill-mode:forwards; 

	-webkit-animation-delay:0.4s;

}

.service-wrap .banim-3{filter:alpha(opacity=0);opacity:0;}

.service-wrap.active .banim-3{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;

	animation-iteration-count:1;

	animation-fill-mode:forwards;

	animation-delay:0.6s;



	-webkit-animation-iteration-count:1;

	-webkit-animation-fill-mode:forwards; 

	-webkit-animation-delay:0.6s;

}

.service-wrap .banim-4{filter:alpha(opacity=0);opacity:0;}

.service-wrap.active .banim-4{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;

	animation-iteration-count:1;

	animation-fill-mode:forwards;

	animation-delay:0.8s;



	-webkit-animation-iteration-count:1;

	-webkit-animation-fill-mode:forwards; 

	-webkit-animation-delay:0.8s;

}




/*轮显*/

.swiper-container{ height:100%!important;}

.main .banner .swiper-slide {position: relative; height:100%;}

/*}*/



@keyframes mymove6

{

	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);

  -moz-transform: translateY(100px) translateX(0);

  transform: translateY(100px) translateX(0);

  -webkit-transition-timing-function: ease-in-out;

  transition-timing-function: ease-in-out;}

	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);

  -moz-transform: translateY(0px) translateX(0);

  transform: translateY(0px) translateX(0);}

}



@-webkit-keyframes mymove6

{

	/*from { filter:alpha(opacity=0);opacity:0; margin-bottom:-20%;}

	to {margin-bottom:3%;filter:alpha(opacity=1);opacity:1;}*/

	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);

  -moz-transform: translateY(100px) translateX(0);

  transform: translateY(100px) translateX(0);

  -webkit-transition-timing-function: ease-in-out;

  transition-timing-function: ease-in-out;}

	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);

  -moz-transform: translateY(0px) translateX(0);

  transform: translateY(0px) translateX(0);}

}